<template>
  <div class="drawer-relation-editor-header">
    <span class="drawer-relation-editor-header-title">
      业务关系设置
    </span>
    <div class="drawer-relation-editor-header-buttons">
      <a-button v-show="!!editingRelation" shape="round" type="primary" icon="save" @click="$emit('save')">保存</a-button>
    </div>
  </div>
</template>
<script>
import {createProps} from '@/utils';

export default {
  name: 'DrawerRelationEditorHeader',
  props: {
    editingRelation: createProps(Object, () => undefined),
  }
};
</script>
<style>

.drawer-relation-editor-header {
  display: flex;
  align-items: center;
  height: 55px;
}

.drawer-relation-editor-header {
  border-bottom: 3px solid #73b3f3;
  padding: 5px 15px;
}

.drawer-relation-editor-header-title {
  font-size: 16px;
  font-weight: bolder;
  flex: 1;
}

.drawer-relation-editor-header-buttons {
  padding-right: 40px;
}
</style>